<%--
  Created by IntelliJ IDEA.
  User: Lenovo-樊文彬
  Date: 2021/3/31
  Time: 10:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style type="text/css">
  body{
    width: 100%;
    background-color: #f8efc0;
  }
  form{
    margin: 0 auto;
  }
  form td{
    height: 50px;
  }
  form td input{
    height: 40px;
  }
  table{
    margin: 0 auto;
    width: 270px;
    background-color: azure;
    padding: 100px 50px;
  }
  .tijiao{
    text-align: center;
    height: 50px;
    padding-top: 80px;
  }
  .tijiao input{
    width: 150px;
    font-size: 20px;
    background-color: azure;
  }


</style>
<!--核心Css文件-->
<link rel="stylesheet" type="text/css" href="plujins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="plujins/jquery-1.12.4/jquery-1.12.4.min.js" type="text/javascript"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="plujins/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
<html>
  <head>
    <title>登录页面</title>
  </head>
  <body>


  <form action="LoginServlet" method="post" class="form-horizontal" role="form">
    <div class="form-group" style="margin-top: 150px">
      <label for="userName" class="col-sm-5 control-label">用户名：</label>
      <div class="col-sm-3">
        <input type="text" class="form-control" id="userName" name="userName"
               placeholder="请输入用户名">
      </div>
    </div>
    <div class="form-group">
      <label for="userPsw" class="col-sm-5 control-label">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</label>
      <div class="col-sm-3">
        <input type="password" class="form-control" id="userPsw" name="userPsw"
               placeholder="请输入密码">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-5  col-sm-5">
        <div class="checkbox">
          <label col-md-offset-3>
            <input type="checkbox"> 请记住我            </label>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-5 col-sm-5">
        <button type="submit" class="btn btn-default">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
      </div>
    </div>
  </form>


<%--  <form action="LoginServlet" method="post">--%>
<%--    <table>--%>
<%--      <tr>--%>
<%--        <td colspan="2" class="tijiao">--%>
<%--          <h1>登录</h1>--%>
<%--        </td>--%>
<%--      </tr>--%>
<%--      <tr>--%>
<%--        <td>--%>
<%--          <p>用户名：</p>--%>
<%--        </td>--%>
<%--        <td>--%>
<%--          <input id="userName" name="userName" type="text">--%>
<%--        </td>--%>
<%--      </tr>--%>
<%--      <tr>--%>
<%--        <td>--%>
<%--          <p>密&nbsp;码：</p>--%>
<%--        </td>--%>
<%--        <td>--%>
<%--          <input id="userPsw" name="userPsw" type="password">--%>
<%--        </td>--%>
<%--      </tr>--%>
<%--      <tr>--%>
<%--        <td colspan="2" class="tijiao">--%>
<%--          <input type="submit"  value="提交">--%>
<%--        </td>--%>
<%--      </tr>--%>
<%--    </table>--%>
<%--  </form>--%>
  </body>
</html>
